<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<section class="no-data__wrap" th:if="${#lists.isEmpty(dataMap['list'])}">
    <span class="no-data-ico"></span>
    <p class="mt20"><span class="c-666">还没有人评论，快来抢头排吧~~~</span></p>
</section>

<div class="all-comment-q__wrap mt20" th:if="not ${#lists.isEmpty(dataMap['list'])}">
    <section class="c-comment-q-item" th:each="reply : ${dataMap['list']}">
            <div class="media">
                <div class="media-left">
                    <a href="javascript:void(0)">
                        <img class="media-object img-circle lazy" width="50" height="50" th:alt="${reply['user']['nickname']}" th:attr="data-original=${reply['user']['avatar']}" th:src="@{{path}/front/web/v3/img/default/default-face.gif(path=${staticPath})}">
                    </a>
                </div>

                <div class="media-body">
                    <div>
                        <h4 class="media-heading clearfix">
                            <span class="fs14 c-999" th:text="${reply['user']['nickname']}"></span>
                        </h4>
                        <p th:utext="${reply['content']}"></p>
                        <section class="clearfix">
                            <aside class="pull-right">
                                <a th:attr="data-target=${reply['id']}"  href="javascript:void(0)" class="c-999 fs12"><i class="fa fa-comments-o"></i> 回复</a>
                            </aside>
                            <aside class="pull-left"><span class="fs12 c-ccc" th:text="${reply['createTime']}"></span></aside>
                        </section>
                        <hr>
                    </div>

                    <div class="c-reply__wrap">
                        <div th:attr="data-target=${reply['id']}" class="hide">
                            <section class="c-comment__wrap">
                                <textarea data-context class="form-control" rows="2" th:placeholder="${#strings.concat('@', reply['user']['nickname'], '')}"></textarea>
                            </section>

                            <section class="mt10 clearfix">
                                <aside class="text-right">
                                    <span class="mr10"><small class="fs12 c-danger"></small></span>
                                    <button data-cancel type="button" class="btn  btn-sm btn-outline btn-default">取消</button>
                                    <button data-reply type="button" class="btn btn-success btn-sm">回复</button>
                                </aside>
                            </section>
                        </div>

                        <div class="media" th:if="not ${#lists.isEmpty(reply['leafList'])}" th:each="leaf : ${reply['leafList']}">
                            <div class="media-left">
                                <a href="javascript:void(0)">
                                    <img class="media-object img-circle lazy" width="50" height="50" th:alt="${leaf['user']['nickname']}" th:attr="data-original=${leaf['user']['avatar']}">
                                </a>
                            </div>

                            <div class="media-body">
                                <h4 class="media-heading"><span class="fs14 c-999" th:text="${leaf['user']['nickname']}"></span></h4>
                                <p th:if="${leaf['rootId'] == leaf['targetId']}"><span th:text="${leaf['content']}"></span></p>
                                <p th:if="${leaf['rootId'] != leaf['targetId']}"><span class="c-info" th:if="${leaf['targetUser'] != null}" th:text="${#strings.concat('@', leaf['targetUser']['nickname'], '：')}"></span><span th:text="${leaf['content']}"></span></p>


                                <section class="clearfix">
                                    <aside class="pull-right">
                                        <a th:attr="data-target=${leaf['id']}" href="javascript:void(0)" class="c-999 fs12"><i class="fa fa-commenting-o"></i> 回复</a>
                                    </aside>
                                    <aside class="pull-left"><span class="fs12 c-ccc" th:text="${leaf['createTime']}"></span></aside>
                                </section>

                                <div class="mt10 hide" th:attr="data-target=${leaf['id']}">
                                    <section class="c-comment__wrap">
                                        <textarea data-context class="form-control" rows="2" th:placeholder="${#strings.concat('@', leaf['user']['nickname'])}"></textarea>
                                    </section>
                                    <section class="mt10 clearfix">
                                        <aside class="pull-right">
                                            <span class="mr10"><small class="fs12 c-danger"></small></span>
                                            <button data-cancel type="button" class="btn  btn-sm btn-outline btn-default">取消</button>
                                            <button data-reply type="button" class="btn btn-success btn-sm">回复</button>
                                        </aside>
                                    </section>
                                </div>
                            </div>
                            <hr>
                        </div>
                    </div>

                </div>
            </div>
        </section>
</div>

<!--公共分页 开始-->
<section class="mt20 mb20 pb10">
    <div data-th-replace="layout/webPage"></div>
</section>
<!--公共分页 结束-->

</html>